{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "foundation/base.html" %}

{% block page_title %}Feed Icon Guidelines{% endblock %}

{% block page_css %}
  {{ css_bundle('foundation-feed-icon-guidelines') }}
{% endblock %}

{% block article_title %}
  Feed Icon Guidelines
{% endblock %}

{% block article_content %}
  <p>
    {% with synd="https://en.wikipedia.org/wiki/Web_syndication",
            rss="https://en.wikipedia.org/wiki/RSS_%28file_format%29",
            atom="https://en.wikipedia.org/wiki/Atom_%28standard%29"
    %}
      Previous versions of the Mozilla Firefox web browser introduced
      a new <q>feed icon</q> (also known as the <q>RSS icon</q>) used
      in association with open
      <a href="{{ synd }}">web syndication</a> formats such as
      <a href="{{ rss }}">RSS</a> and
      <a href="{{ atom }}">Atom</a>:
    {% endwith %}
  </p>

  <p>
    <img src="{{ static('img/trademarks/feed-icon-28x28.png') }}" alt="28 by 28 pixel feed icon" width="28" height="28">
    <img src="{{ static('img/trademarks/feed-icon-14x14.png') }}" alt="14 by 14 pixel feed icon" width="14" height="14">
  </p>

  <div class="para">
      <p>
        Mozilla Foundation has made these icons
        freely available for use by others; this document contains
        suggested guidelines for use of the icons, and is published and
        maintained by Mozilla Foundation as a service to
      </p>

      <ul>
        <li>the community of individuals and organizations wishing to
        use the feed icon in connection with their own products and
        services and</li>

        <li>members of the general public who use those products and
        services and rely on the standard meaning of the feed icon as
        indicating the use of open web syndication formats.</li>
      </ul>
  </div>

  <h2>Using the feed icon</h2>

  <p>
    {% with feed="https://en.wikipedia.org/wiki/Web_feed" %}
      The feed icon is freely available for general use in connection
      with <a href="{{ feed }}"> web feeds</a> using open web syndication
      formats, without the need to enter into
      a trademark license agreement or similar legal arrangement. Note
      that these guidelines are <em>not</em> legally binding.
    {% endwith %}
  </p>

  <div class="para">
      <p>However if you</p>
      <ul>
        <li>create and distribute software or hardware for the purposes
        of reading or manipulating web feeds;</li>

        <li>provide an online service for equivalent purposes; or</li>

        <li>provide or offer related goods or services (e.g., consulting
        or systems integration services)</li>
      </ul>
      <p>and you wish to use this icon in connection with such goods or
      services then we request that you (or your authorized
      representative) make a public statement signifying your commitment
      to comply with these guidelines.</p>
  </div>

  <p>
    {% with faq=url('foundation.feed-icon-guidelines.faq') %}
      The following sections present the suggested guidelines; for
      more information see the
      <a href="{{ faq }}">accompanying FAQ.</a>
    {% endwith %}
  </p>

  <h2>Usage guidelines</h2>

  <p>
    {% with rss="http://web.resource.org/rss/1.0/spec",
        atom="https://tools.ietf.org/html/4287",
        rss2="http://www.rssboard.org/rss-specification"
    %}
      The feed icon <em>should</em> be used to indicate the presence
      of information provided via web syndication in an open format,
      including in particular the widely-used
      <a href="{{ rss }}">RSS 1.0</a>,
      <a href="{{ rss2 }}">RSS 2.0</a>,
      and
      <a href="{{ atom }}">Atom 1.0</a>
      formats.
    {% endwith %}
  </p>

  <p>
    {% with xml="http://www.w3.org/XML/", http="http://www.ietf.org/rfc/rfc2616.txt" %}
      By <q>web syndication</q> we mean a process in which content
      items from a web site or other source (e.g., news stories or blog
      posts or summaries thereof) are made available for other sites or
      applications to use, typically using an
      <a href="{{ xml }}">XML</a>-based document format
      transferred using the
      <a href="{{ http }}">HTTP</a> protocol.
    {% endwith %}
  </p>

  <div class="para">
      <p>By <q>open format</q> we mean a format that is</p>
      <ul>
        <li>defined by a published specification</li>

        <li>free of legal restrictions on use, especially restrictions
        that would prevent the format from being implemented by free and
        open source software</li>

        <li>developed and/or maintained through an open process</li>
      </ul>
  </div>

  <p>The canonical use of the feed icon is on a web page containing
  information (such as blog posts, news articles, and so on) that is
  also made available via web syndication, with the icon linking to
  a URL for the web feed.</p>

  <p>The feed icon <em>may</em> be used in other contexts that
  involve discovery, retrieval, reading, creation, or manipulation
  of information in open web syndication formats. For example, the
  icon <em>may</em> be used as (or incorporated as part of) a menu
  icon or toolbar icon invoking particular features of an
  application or online service that are related to open web
  syndication formats.</p>

  <div class="para">

      <p>The feed icon (or confusingly-similar variants of it)
      <em>should not</em> be used in the following contexts:</p>
      <ul>
        <li>in relation to information that is not made available in
        open web syndication formats;</li>

        <li>as, or incorporated as part of, an application icon, a web
        site logo (including a
        <a href="https://en.wikipedia.org/wiki/Favicon">favicon</a>),
        or in any other way that would imply to a casual observer that
        the feed icon was exclusively or primarily associated with a
        particular application or web site; or</li>

        <li>as, or incorporated as part of, a trademark or service mark
        associated with a particular individual, organization, product,
        or service, or in any other way that would imply to a casual
        observer that the feed icon was exclusively or primarily
        associated with a particular individual, organization, product,
        or service.</li>
      </ul>

  </div>

  <p>Note that these guidelines are <em>not</em> intended to
  preclude in any way making fair use of the feed icon, including
  using the icon in connection with blog posts, news stories,
  magazine articles, books, television programs, movies, or other
  works discussing open web syndication formats or applications or
  web sites supporting such formats.</p>

  <h2>Visual guidelines</h2>

  <p>The feed icon <em>should</em> be displayed in its entirety on
  either a solid light or dark background (avoid mid-tone or
  strongly colored backgrounds). The feed icon <em>should not</em>
  be displayed in parts or with other elements superimposed on top
  of the icon.</p>

  <p>The feed icon <em>should</em> be displayed at a size that is
  both large enough to render it legible to its intended users and
  compatible with the size of any related text elements.</p>

  <p>The feed icon <em>may</em> be displayed using the colors black
  and white in contexts where color reproduction is not
  possible. The feed icon <em>may</em> be used with the colors of
  the icon inverted (e.g., white used instead of orange and vice
  versa), as long as there is adequate contrast between the
  background and foreground colors.</p>

  <p>When used as an element in a user interface (e.g., as a toolbar
  button) the feed icon <em>should</em> be displayed in a manner
  consistent with related UI elements and any applicable user
  interface standards (e.g., for the underlying operating system
  and/or window system).</p>

  <div class="para"><p>The feed icon <em>should not</em> be
  displayed in modified forms inconsistent with the above guidelines
  or in ways that visually compromise the icon. In particular, the
  icon <em>should not</em >be displayed</p>
  <ul>
    <li>in a different orientation (i.e., rotated or flipped
    relative to the standard orientation)</li>

    <li>with the <q>rounded square</q> element of the icon replaced
    by a circle, triangle, or any shape other than that used on the
    original background</li>

    <li>with the corners of the <q>rounded square</q> element of the
    icon made sharp rather than rounded.</li>
  </ul></div>

  <p>Note that the above guidelines regarding size and color are
  <em>not</em> intended to restrict the ways in which the feed icon
  might be represented by assistive technologies designed for use by
  people with impaired vision. (Such technologies include software
  to magnify the contents of the screen and/or change screen colors,
  contrast, and brightness; alternative stylesheets for web sites;
  and the like.)</p>

  <p>
    {% with feeds="http://www.nytimes.com/services/xml/rss/" %}
      Note also that these guidelines are <em>not</em> intended to
      discourage other uses of the feed icon that conform to the overall
      spirit of these guidelines. Such cases include using different
      colors for the icon where appropriate (e.g., in matching a site
      theme) or using the icon in combination with other icons of a
      compatible style and nature (e.g.,
      <a href="{{ feeds }}" title="NYTimes.com RSS feeds">to
      identify the type of feed being offered</a>).
      However in the interests of providing a consistent experience for
      users we suggest that providers of feed readers and related goods
      and services make minimum use of such alternative representations
      of the icon.
    {% endwith %}
  </p>
{% endblock %}
